iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Vue.js

遊戲活動關卡查詢網站系列 第 1

遊戲活動關卡查詢網站Day1-前言

  • 分享至 

  • xImage
  •  

這是之前做的選卡網站
算是第一次用Vue的嘗試
這是靜態網站
因為當時做網站時 並不是用引入套件的方式去做
也就是說不是用NodeJS這種管理式套件去開發
這次要做的網站 想改用這種方式去開發

那麼,那個網站的資料哪裡來的呢?
是全部寫在JS裡面的
在開啟網站的時候 引入這個JS
然後讀取裏頭的JSON資料 拆出來分別作處理
但如果當需要複雜資料呈現的時候 就會變得很麻煩

所以這次要做的網站 得把資料交給另一個地方保管
然後可以語法的查詢方式 把資料撈回來使用
由於經濟關係
這次管理資料的方法選用Supabase的免費方案
使用的方案或工具會在之後文章一併說明


下一篇
遊戲活動關卡查詢網站Day2-工具使用介紹
系列文
遊戲活動關卡查詢網站30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Wolke
iT邦研究生 4 級 ‧ 2025-10-10 17:03:03

版主您好,感謝您分享了這次的Vue開發經驗!第一次嘗試Vue就能做出網站,真的很棒。您提到當初資料全部寫在JS裡,在面對複雜資料時會遇到的挑戰,這點相信許多初學者都深有同感,是很棒的實戰心得。

很高興看到您這次決定導入NodeJS來管理套件,這能讓開發流程更現代化、更順暢。而選擇Supabase的免費方案來處理資料管理,對於經濟考量下的專案來說,是很務實且聰明的選擇。期待您後續分享Supabase的導入細節,以及如何運用其語法查詢資料的心得!

也歡迎版主有空參考我的系列文「南桃AI重生記」:
https://ithelp.ithome.com.tw/users/20046160/ironman/8311

我要留言

立即登入留言